<%--
  Created by IntelliJ IDEA.
  User: taohj
  Date: 2014/5/24
  Time: 19:33
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%

    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<%
    response.setHeader("Pragma", "No-cache");
    response.setHeader("Cache-Control", "no-cache");
    response.setDateHeader("Expires", 0);
%>
<html>
<head>
    <base href="<%=basePath%>">
    <script type="text/javascript" src="resources/t.js"></script>
    <title>~~System Login~~</title>

    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
    <META HTTP-EQUIV="Expires" CONTENT="0">



    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="resources/js/lib/bootstrap-3.0.3-dist/css/bootstrap.min.css">

    <!-- 可选的Bootstrap主题文件（一般不用引入） -->
    <link rel="stylesheet" href="resources/js/lib/bootstrap-3.0.3-dist/css/bootstrap-theme.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script type="text/javascript" src="resources/js/lib/jquery-easyui-1.3.5/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="resources/js/lib/bootstrap-3.0.3-dist/js/bootstrap.min.js"></script>
    <script src="resources/js/lib/bootstrap-3.0.3-dist/js/modal.js"></script>


    <script>
        function loginFormSubmit() {
            var form = $("#loginForm");
            form.submit();
        }

        $(document).keydown(function (event) {
            // alert(event.keyCode);
            if (event.keyCode == 13) {
                loginFormSubmit();
            }
        });

        $(document).ready(function(){
            $('#myModal').modal({});
        });


        function show(){
            alert(1);

            alert(1);
        }
    </script>



    <style>
        .LoginForm{
            width:300px;
            height:220px;
          /* // vertical-align:middle;*/
            position:absolute;
            top:-50;
            bottom:0;
            left:0;
            right:0;
            margin:auto;
        }

        form{
            margin-right: 10px;;
        }

        body{
            background-color: #ccc;
        }

        .inputText{
            height: 28px;
        }

    </style>




</head>
<body>
<%--
<form role="form" action="/admin/login" method="post">
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog LoginForm">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Login in</h4>
            </div>
            <div class="modal-body">

                    <div class="form-group">
                        <label for="userName">UserName</label>
                        <input name="userName" type="text" class="form-control" id="userName" placeholder="Enter userName">
                    </div>
                    <div class="form-group">
                        <label for="Password">Password</label>
                        <input  name="password" type="password" class="form-control" id="Password" placeholder="Enter Password">
                    </div>
                    <div style="padding-left: 90px; font-size: 12px; color: rgb(255,100,100);"> <span style="color: #ffffff">-</span>${message}</div>

            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary" onclick="">Login In</button>
            </div>
        </div>
    </div>
</div>
</form>--%>

<div class="panel panel-default LoginForm">
    <div class="panel-heading">
        <h3 class="panel-title">Login In</h3>
    </div>
    <div class="panel-body" style="padding-left: 20px;">
        <form role="form" action="/admin/login" method="post">



            <div class="form-group" style="margin: 0px;">
                <label for="userName">UserName</label>
                <input name="userName" type="text" class="form-control inputText" id="userName" placeholder="Enter userName">
            </div>
            <div class="form-group" style="margin: 0px;">
                <label for="Password">Password</label>
                <input  name="password" type="password" class="form-control inputText" id="Password" placeholder="Enter Password">
            </div>

            <div style="text-align: right">
                <div  style="width: 200px; float: left; height: 20px;"> <span style="font-size: 12px; color: rgb(255,100,100);">${message}</span></div>
                <div  style="width: 100px; float: right;"> <button type="submit" class="btn btn-info" align="right">Login in</button></div>

                <%--<span style="color: #ffffff">-</span>--%>




            </div>
        </form>
    </div>
</div>


</body>
</html>
